<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/购物车.css"/>
</head>
<body>
<div class="wrap">
    <div class="header">
        <div class="hea-con">
            <ul class="hea-ul1 fl">
                <li>
                    <span>送至：北京</span>
                    <i class="hea-show"><</i>
                </li>
            </ul>
            <ul class="hea-ul2 fr">
                <li>
                    <span>jd_klsahgl</span>
                    <span></span>
                    <i class="hea-show"><</i>
                </li>
                <li>|</li>
                <li>
                    <a href="">我的订单</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">我的淘宝</a>
                    <i class="hea-show"><</i>
                </li>
                <li>|</li>
                <li>
                    <a href="">京东会员</a>
                </li>
                <li class="hea-show">|</li>
                <li>
                    <a href="">企业采购</a>
                </li>
                <li class="hea-show">|</li>
                <li>
                    <a href="">手机京东</a>
                    <i class="hea-show"><</i>
                </li>
                <li class="hea-show">|</li>
                <li>
                    <span>关注京东</span>
                    <i class="hea-show"><</i>
                </li>
                <li>|</li>
                <li>
                    <span>客户服务</span>
                    <i class="hea-show"><</i>
                </li>
                <li>|</li>
                <li>
                    <span>网站导航</span>
                    <i class="hea-show"><</i>
                </li>
            </ul>
            <div class="hea-to">
                <ul>
                    <li class="select">北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>河北</li>
                    <li>四川</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>河北</li>
                    <li>四川</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>河北</li>
                    <li>四川</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>河北</li>
                    <li>四川</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="mid-con1">
            <a href="" class="mid-logo fl"></a>
            <a href="" class="mid-gwc fl">购物车</a>
            <div class="mid-seach fr">
                <input type="text" class="fl"/>
                <button class="fl">搜索</button>
            </div>
        </div>
        <div class="min-con2">
            <div class="con2-top">
                <ul class="con2-top-ul">
                    <li class="qbsp">
                        <a href="" class="word-color">全部商品<span>12</span></a>
                    </li>
                    <li class="jddyf">
                        <a href="">降价商品</a>
                    </li>
                </ul>
                <div class="fr">
                    <span>配送至：</span>
                    <input type="text"/>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="con2-header">
                <div class="quanxuan">
                    <input type="checkbox" id="qx"/>
                    <span>全选</span>
                </div>
                <div class="shangpin">商品</div>
                <div class="danjia">单价</div>
                <div class="shuliang">数量</div>
                <div class="xiaoji">小计</div>
                <div class="caozuo">操作</div>
            </div>
            <div class="con2-midd">
                <div class="shopname">
                    <input type="checkbox" name="name-che" class="checked"/>
                    <span>优加玩具</span>
                </div>
                <div class="huodong">
                    <span class="hg">换购</span>
                    <span class="hd-inn">活动商品已购满￥29.00，可加价换购商品1件</span>
                    <a href="" class="hgsp">换购商品</a>
                    <a href="">其凑单></a>
                    <span class="hd-xiaoji"><span>￥</span><span class="hdxj">100.00</span></span>
                </div>
                <div class="neirong">
                    <input type="checkbox" name="shangpin-che" class="fl danxuan"/>
                    <div class="neirong-inn fl">
                        <a href="" class="nr-img fl">
                            <img src="img/548f9b12Nebcd3fd3.jpg" alt=""/>
                        </a>
                        <span class="nr-word fl">LIXIN/立昕托马斯 小小铁道工火车轨道车 电动轨道火车玩具组合 儿童玩具拼搭</span>
                        <p>购买增值保障</p>
                    </div>
                    <div class="nr-danjia">
                        <p><span>￥</span><span class="dj">100.00</span></p>
                        <p>更多促销</p>
                    </div>
                    <div class="nr-shuliang">
                        <button class="jian" disabled>-</button>
                        <span class="qty">1</span>
                        <button class="jia">+</button>
                        <p>有货</p>
                    </div>
                    <div class="nr-xiaoji">
                        <span>￥</span>
                        <span class="xj">100.00</span>
                    </div>
                    <div class="nr-caozuo">
                        <button class="del">删除</button>
                        <p>
                            <a href="">移到我的关注</a>
                        </p>
                    </div>
                    <div class="neirong-bottom">
                        <p>赠品不单卖</p>
                        <p>【买三减一】守望先锋</p>
                    </div>
                </div>
            </div>
            <div class="con2-midd">
                <div class="shopname">
                    <input type="checkbox" name="name-che" class="checked"/>
                    <span>优加玩具</span>
                </div>
                <div class="huodong">
                    <span class="hg">换购</span>
                    <span class="hd-inn">活动商品已购满￥29.00，可加价换购商品1件</span>
                    <a href="" class="hgsp">换购商品</a>
                    <a href="">其凑单></a>
                    <span class="hd-xiaoji"><span>￥</span><span class="hdxj">50.00</span></span>
                </div>
                <div class="neirong">
                    <input type="checkbox" name="shangpin-che" class="fl danxuan"/>
                    <div class="neirong-inn fl">
                        <a href="" class="nr-img fl">
                            <img src="img/548f9b12Nebcd3fd3.jpg" alt=""/>
                        </a>
                        <span class="nr-word fl">LIXIN/立昕托马斯 小小铁道工火车轨道车 电动轨道火车玩具组合 儿童玩具拼搭</span>
                        <p>购买增值保障</p>
                    </div>
                    <div class="nr-danjia">
                        <p><span>￥</span><span class="dj">50.00</span></p>
                        <p>更多促销</p>
                    </div>
                    <div class="nr-shuliang">
                        <button class="jian" disabled>-</button>
                        <span class="qty">1</span>
                        <button class="jia">+</button>
                        <p>有货</p>
                    </div>
                    <div class="nr-xiaoji">
                        <span>￥</span>
                        <span class="xj">50 .00</span>
                    </div>
                    <div class="nr-caozuo">
                        <button class="del">删除</button>
                        <p>
                            <a href="">移到我的关注</a>
                        </p>
                    </div>
                    <div class="neirong-bottom">
                        <p>赠品不单卖</p>
                        <p>【买三减一】守望先锋</p>
                    </div>
                </div>
            </div>
            <div class="con2-midd">
                <div class="shopname">
                    <input type="checkbox" name="name-che" class="checked"/>
                    <span>优加玩具</span>
                </div>
                <div class="huodong">
                    <span class="hg">换购</span>
                    <span class="hd-inn">活动商品已购满￥29.00，可加价换购商品1件</span>
                    <a href="" class="hgsp">换购商品</a>
                    <a href="">其凑单></a>
                    <span class="hd-xiaoji"><span>￥</span><span class="hdxj">52.00</span></span>
                </div>
                <div class="neirong">
                    <input type="checkbox" name="shangpin-che" class="fl danxuan"/>
                    <div class="neirong-inn fl">
                        <a href="" class="nr-img fl">
                            <img src="img/548f9b12Nebcd3fd3.jpg" alt=""/>
                        </a>
                        <span class="nr-word fl">LIXIN/立昕托马斯 小小铁道工火车轨道车 电动轨道火车玩具组合 儿童玩具拼搭</span>
                        <p>购买增值保障</p>
                    </div>
                    <div class="nr-danjia">
                        <p><span>￥</span><span class="dj">52.00</span></p>
                        <p>更多促销</p>
                    </div>
                    <div class="nr-shuliang">
                        <button class="jian" disabled>-</button>
                        <span class="qty">1</span>
                        <button class="jia">+</button>
                        <p>有货</p>
                    </div>
                    <div class="nr-xiaoji">
                        <span>￥</span>
                        <span class="xj">52.00</span>
                    </div>
                    <div class="nr-caozuo">
                        <button class="del">删除</button>
                        <p>
                            <a href="">移到我的关注</a>
                        </p>
                    </div>
                    <div class="neirong-bottom">
                        <p>赠品不单卖</p>
                        <p>【买三减一】守望先锋</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="jiesuan">
        <div class="js-inn">
            <div class="js-left fl">
                <input type="checkbox"/>
                <span>全选</span>
                <a href="">删除选中的商品</a>
                <a href="">移到我的关注</a>
                <a href="">清除下柜商品</a>
            </div>
            <div class="js-right fr">
                <a href="" class="yxz fl">
                    <span>已选择</span>
                    <span>1</span>
                    <span>件商品</span>
                </a>
                <div class="zj fl">
                    <p>
                        <span>总价：</span>
                        <span>￥</span>
                        <span class="zongjia">0.00</span>
                    </p>
                    <p>
                        <span>已节省：</span>
                        <span>0.00</span>
                    </p>
                </div>
                <div class="qjs fl">
                    <a href="">去结算</a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.9.js"></script>
<script src="js/购物车.js"></script>
</html>